@charset "utf-8";

.mh-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  position: relative;
  
  &:before {
    content: "";
    display: inline-block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.mh-icon-file {
  &:before {
    width: 15px;
    height: 17px;
    background: url(#{$img-path}/icons/list0.png);
  }
}

// side menu icons
.mh-icon-youer {
  &:before {
    width: 25px;
    height: 25px;
    top: 55%;
    background: url(#{$img-path}/icons/side2.png);
  }
}
.mh-icon-chuzhong {
  &:before {
    width: 25px;
    height: 25px;
    top: 55%;
    background: url(#{$img-path}/icons/side0.png);
  }
}
.mh-icon-xiaoxue {
  &:before {
    width: 25px;
    height: 25px;
    top: 55%;
    background: url(#{$img-path}/icons/side1.png);
  }
}
.mh-icon-gaozhong {
  &:before {
    width: 25px;
    height: 25px;
    top: 60%;
    background: url(#{$img-path}/icons/side3.png);
  }
}
.mh-icon-menu {
  &:before {
    width: 22px;
    height: 16px;
    top: 30%;
    background: url(#{$img-path}/icons/side4.png);
  }
}
.mh-icon-user {
  &:before {
    width: 34px;
    height: 34px;
    top: 50%;
    background: url(#{$img-path}/icons/user0.png);
  }
}

.mh-icon-star {
  &:before {
    width: 23px;
    height: 21px;
    top: 50%;
    background: url(#{$img-path}/icons/star0.png);
  }
}

.mh-icon-star-empty {
  &:before {
    width: 23px;
    height: 21px;
    top: 50%;
    background: url(#{$img-path}/icons/star1.png);
  }
}

.mh-icon-plus {
  &:before {
    width: 13px;
    height: 13px;
    top: 50%;
    background: url(#{$img-path}/icons/plus.png);
  }
}

.mh-icon-minus {
  &:before {
    width: 13px;
    height: 13px;
    top: 50%;
    background: url(#{$img-path}/icons/minus.png);
  }
}